<template>
   <div @click="toggleClick">
    <el-icon :size="20" class="icon" >
      <component :is="isActive ? 'Fold' : 'Expand' " />
      <!-- <Fold v-if="isActive" />
      <Expand v-else /> -->
    </el-icon>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
defineProps(['isActive'])
const emit=defineEmits(['toggleSidebar'])

const toggleClick=()=>{
      emit('toggleSidebar')
}
</script>

<style lang="scss" scoped>
.icon {
  vertical-align: middle;
  color:var(--text-color);
}
</style>
